<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>h5</title>
		<link rel="stylesheet" href="css/style.css">
	</head>

	<body>
		<div class="page">
			<div class="header">
				<div class="logo">搜券</div>
				<div class="quit"><img src="images/quit-icon.png"></div>
				<div class="cls"></div>
				<div class="search-input">
					<div class="search-title">淘宝 | 天猫 | <span>优惠券搜索</span></div>
					<div class="search-key">
						<input type="text" value="" placeholder="请输入关键词" class="search-word">
						<input type="button" value="搜索" class="search-but">
					</div>
				</div>
			</div>
			<div class="content">
				<div class="video-title">
					<ul>
						<li class="a select"><a href="#">查券教程</a></li><li class="b"><a href="#">视频教程</a></li>
					</ul>
				</div>
				<div class="video-txt">
					<video src="#" controls="controls"></video>
				</div>
				<div class="hot-product">
					<div class="hot-product-title">正在热搜</div>
					<div class="hot-product-txt">
						<ul>
							<li class="a">
								<div class="inner">
									<h4>清纯学院风</h4>
									<h5>韩版背带裤</h5>
								</div>
							</li>
							<li class="b">
								<div class="inner">
									<h4>流行百搭</h4>
									<h5>细带小白鞋</h5>
								</div>
							</li>
							<li class="c">
								<div class="inner">
									<h4>浅口隐形</h4>
									<h5>纯棉船袜</h5>
								</div>
							</li>
							<li class="d">
								<div class="inner">
									<h4>快来洗剪吹</h4>
									<h5>时尚吹风机</h5>
								</div>
							</li>
							<li class="e">
								<div class="inner">
									<h4>减肥日记</h4>
									<h5>精准体重秤</h5>
								</div>
							</li>
							<li class="f">
								<div class="inner">
									<h4>简约防摔</h4>
									<h5>双层玻璃杯</h5>
								</div>
							</li>
						</ul>
						<div class="cls"></div>
					</div>
				</div>
				<div class="cate">
					<div class="cate-title">商品分类</div>
					<div class="cate-txt">
						<ul>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate1.png"></div>
									<div class="cate-h2">女装</div>
								</div>
							</li>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate2.png"></div>
									<div class="cate-h2">百货</div>
								</div>
							</li>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate3.png"></div>
									<div class="cate-h2">美食</div>
								</div>
							</li>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate4.png"></div>
									<div class="cate-h2">美妆</div>
								</div>
							</li>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate5.png"></div>
									<div class="cate-h2">鞋包</div>
								</div>
							</li>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate6.png"></div>
									<div class="cate-h2">内衣</div>
								</div>
							</li>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate7.png"></div>
									<div class="cate-h2">男装</div>
								</div>
							</li>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate8.png"></div>
									<div class="cate-h2">母婴</div>
								</div>
							</li>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate9.png"></div>
									<div class="cate-h2">手机周边</div>
								</div>
							</li>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate10.png"></div>
									<div class="cate-h2">配饰</div>
								</div>
							</li>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate11.png"></div>
									<div class="cate-h2">其他</div>
								</div>
							</li>
							<li>
								<div class="inner">
									<div class="cate-img"><img src="images/cate12.png"></div>
									<div class="cate-h2">成人</div>
								</div>
							</li>
							<div class="cls"></div>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>